<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
		<title>协强定制-求职招聘</title>
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/pad.css" media="(max-width:1199px)"/>
		<link rel="stylesheet" href="css/phone.css" media="(max-width:619px)"/>
		<script src="js/jquery-2.1.0.js"></script>
		<script src='js/vue2.0.min.js'></script>
		<script src="js/swiper-3.4.2.jquery.min.js"></script>
		<script src='js/md5.js'></script>
		<script src='js/fastclick.js'></script>
		<script src="js/xqjy.js"></script>
	</head>
	<body>
		<div id='app' v-cloak>
			<navs @toback='toBackground' :nav-state='navState' :login-state='loginState' :login-info='loginInfo.Name' :bg-img='bgImg'></navs>
		<div class="everyThingCtx flew">
			<div class="w900">
				<div class="jobHeader">
					<h2>{{jobDetailData.Title}}</h2>
					<p class="flew">
						<span>{{jobDetailData.EntName}}</span>
						<em>{{jobDetailData.Salary}}以下</em>
					</p>
				</div>
				<div class="jobHeaderInfo flew">
					<div>
						<p>
							<span><i class="icon">&#xe6e5;</i>{{jobDetailData.Workplace}}</span>
							<span><i class="icon">&#xe62d;</i>发布时间：{{jobDetailData.CreateDate}} </span>
						</p>
						<p>
							<span>最低学历：{{jobDetailData.ForDegree}}</span>
							<span>经验：{{jobDetailData.ForWork}}年以上</span>
						</p>
						<div class="fles" style="padding-top: 10px;flex-wrap: wrap;">
							<a v-for='item in jobDetailData.OtherWelfare'>{{item}}</a>
						</div>
					</div>
					<div>
						<p class="btn">我要申请</p>
						<p>收藏职位</p>
					</div>
				</div>
				<h2 class="lbdTitle">工作职责</h2>
				<div class="artJob" v-html="jobDetailData.Description"></div>
				<h2 class="lbdTitle">任职要求</h2>
				<div class="artJob" v-html="jobDetailData.Required">

				</div>
				<h2 class="lbdTitle">{{jobDetailData.EntName}}</h2>
				<div class="artJob"  v-html="jobDetailData.Introduction"></div>
				<h2 class="lbdTitle">该公司其他职位</h2>
				<div class="jobList noPmargin" style="margin-top: 20px">
					<ul class="flew acc">
						<li class="jian" v-for='item in recommendData'>
							<a @click='clickCompanyJob(item.JobID)'>
								<h2>
									<p>{{item.Title}}</p>
									<p><i class="icon"></i>{{item.Workplace}}</p>
								</h2>
								<p><em>{{item.Salary}}</em> {{item.ForDegree}} | 经验{{item.ForWork}}年</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="w280">
				<div class="jobHd">
					<h3>职位发布企业</h3>
				</div>
				<div class="conInfo">
					<h3>{{jobDetailData.EntName}}</h3>
					<p>领域：{{jobDetailData.UnitCategory}}</p>
					<p>规模：{{jobDetailData.UnitScale}}人</p>
					<p>性质：{{jobDetailData.UnitNature}}</p>
				</div>
				<div class="jobHd">
					<h3>您可能感兴趣的职位/相似职位</h3>
				</div>
				<ol class="sm_jobList">
					<li v-for='item in selfRecJob'>
						<a @click="clickCompanyJob(item.JobID)">
							<h4>{{item.Title}}</h4>
							<p>
								<em>{{item.Salary}}以下</em>
								<span>{{item.Workplace}}</span>
								<span>{{item.ForDegree}}</span>
								<span>{{item.ForWork}}年以上</span>
							</p>
							<p>{{item.EntName}}</p>
						</a>
					</li>
				</ol>
			</div>
		</div>
		<footers></footers>
		<login :show-login='showLogin' @loginfun='loginBtn' @hidemodal='hideModal'></login>
		</div>
		<script src='js/public.js'></script>
		<script src='js/login.js'></script>
		<script src='js/isLogin.js'></script>
		<script src='js/header.js'></script>
		<script src="js/nav.js"></script>
		<script src='js/footer.js'></script>
		<script src='js/recruitDetail.js'></script>
	</body>
</html>
<script>
	$(".moreJob").click(function(){
		if($("#hotJob").attr("data-type") == 0){
			$("#hotJob").height("auto").attr("data-type",1)
			$(".moreJob").text("收起 -")
		}else{
			$("#hotJob").height(46).attr("data-type",0)
			$(".moreJob").text("更多 +")
		}

	})
	var swiper = new Swiper('.swiper-container', {
	    pagination: '.swiper-pagination',
	    autoplay:3000,
	    autoplayDisableOnInteraction : false,
    });
</script>